<template>
  <div class="container">
      <ul>
        <li>
          <img src="http://file.rzkeji.com/web/daka/icon/icon-paiming1.png" class="icon"/>
          <img src="https://daka.rzkeji.com/api/file/show-image/2" class="headImg"/>
          <span class="nickname">冯俊杰</span>
          <span class="score">78分</span>
        </li>
        <li>
          <img src="http://file.rzkeji.com/web/daka/icon/icon-paiming2.png" class="icon"/>
          <img src="https://daka.rzkeji.com/api/file/show-image/2" class="headImg"/>
          <span class="nickname">冯俊杰</span>
          <span class="score">78分</span>
        </li>
        <li>
          <img src="http://file.rzkeji.com/web/daka/icon/icon-paiming3.png" class="icon"/>
          <img src="https://daka.rzkeji.com/api/file/show-image/2" class="headImg"/>
          <span class="nickname">冯俊杰</span>
          <span class="score">78分</span>
        </li>
        <li>
          <img src="https://daka.rzkeji.com/api/file/show-image/2" class="icon"/>
          <img src="https://daka.rzkeji.com/api/file/show-image/2" class="headImg"/>
          <span class="nickname">冯俊杰</span>
          <span class="score">78分</span>
        </li>
      </ul>
  </div>
</template>

<script>

export default {
  data () {
    return {
    number:"",
    all_list:"",
    today_list:"",
    week_list:""
    }
  },
  onShow(){
    var _this=this;
    var userToken=wx.getStorageSync('userToken');
    wx.request({
      url:"https://daka.rzkeji.com/api/ucenter/get-ranking",
        data:{
          daka_token:userToken
        },
        method:'get',
        header:{
          "content-type":"application/json"
        },
        success(res){
          _this.number=res.data.data.my_rank;
          _this.all_list=res.data.data.all_list;
          _this.week_list=res.data.data.week_list;
          _this.today_list=res.data.data.today_list;
        }
    })
  }
}
</script>

<style scoped>
.container ul{width: 100%;height: 100%;}
.container ul li{width: 100%;height: 55px;display: flex;justify-content: row;line-height: 50px;padding-top: 5px;}
.icon{width: 35px;height: 35px;margin-left: 10px;}
.headImg{width: 40px;height: 40px;border-radius: 40px;margin-left: 10px;}
.nickname{width:170px;height: 50px;margin-left: 20px;display: block;font-size: 16px;}
.score{width:50px;height: 50px;display: block;margin-left: 10px;text-align: center;font-size: 18px;}
</style>